<template>
  <div class="room-header">
    <Breadcrumb>
      <BreadcrumbItem>Room</BreadcrumbItem>
      <BreadcrumbItem>List</BreadcrumbItem>
      <BreadcrumbItem>N</BreadcrumbItem>
    </Breadcrumb>
  </div>
</template>

<script lang="ts">
import { Component, Prop, Vue } from '@/plugins/class-component-hooks'

@Component
export default class GameRoomHeader extends Vue {}
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped lang="scss">
.room-header {
  display: flex;
  justify-content: center;
}
</style>
